<template>
	<view class="header">
		<image src="https://zjdemo.xuande.work:8889/photo/ff72de823396481f87ee35866fb3ae64.png" class="full-image" @click="goZhouKa"></image>
		<image src="https://zjdemo.xuande.work:8889/photo/29a5f6a5164c45a3a088194274296ad0.png" class="full-image" @click="goYueKa"></image>
	</view>
	<view class="container">
		<view style="height: 20px;"></view>
		<fui-list marginTop=20>
			<view @click="goCDK">
				<fui-list-cell arrow>
					<image src="https://i-blog.csdnimg.cn/direct/98478c911aff4821a78d2b7cc5c751cd.png" class="icon-image"></image>
					<text>兑换CDK</text>
				</fui-list-cell>
			</view>
			<view @click="goShiYongGuiZhe">
				<fui-list-cell arrow>
					<image src="https://i-blog.csdnimg.cn/direct/4441c5e58da041e385c002785f243538.png" class="icon-image"></image>
					<text>使用规则</text>
				</fui-list-cell>
			</view>
			<view><fui-list-cell arrow>
					<image src="https://i-blog.csdnimg.cn/direct/e138ad9f965c4de89666104e206ff45f.png" class="icon-image"></image>
					<text>常见问题</text>
				</fui-list-cell></view>

			<view @click="goMyOrder"><fui-list-cell arrow>
					<image src="https://i-blog.csdnimg.cn/direct/abf8dc57be6e4a5d9e03d6b9290f43d6.png" class="icon-image"></image>
					<text>购买记录</text>
				</fui-list-cell></view>
		</fui-list>
	</view>

</template>

<script setup>
	import {
		ref,computed
	} from 'vue';
	import {
		onShow
	} from '@dcloudio/uni-app'


	const goCDK = () => {
		uni.navigateTo({
			url: '/pages/CDK/CDK'
		})
	}
	const goMyOrder = () => {
		uni.navigateTo({
			url: '../ZhiKaAllorders/ZhiKaAllorders'
		})
	}
	const goShiYongGuiZhe = ()=>{
		uni.navigateTo({
			url:'../shiyongguizhe/shiyongguizhe'
		})
	}
	const goZhouKa=()=>{
		uni.navigateTo({
			url:'../ZhouKa/ZhouKa'
		})
	}
	const goYueKa = ()=>{
		uni.navigateTo({
			url:'../YueKa/YueKa'
		})
	}
</script>

<style>
	.header {
		display: flex;
		flex-direction: column;
		margin: 0;
	}

	.full-image {
		width: 87%;
		margin: 11px auto;
		border-radius: 23px;
		object-fit: cover;
		box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
		/* Add shadow here */
	}

	.container {
		height: 300px;
		border-radius: 10px;

		margin: 0 11px;
	}


	.icon-image {
		width: 40rpx;
		height: 40rpx;
		margin-right: 10px;
	}
</style>